﻿<script src="~/Scripts/jquery-easyui-extensions/base/jeasyui.extensions.base.isEasyUI.js"></script>

<div class="easyui-panel" data-options="fit:true,border:false" style="padding:20px;">
    这是一个 easyui-validatebox ，状态：已经完成初始化
    <br />
    <input id="con1" class="easyui-validatebox" type="text" value="" />
    <br />
    <a id="btn1" class="easyui-linkbutton" data-options="">检查其是否是“validatebox”</a>
    <br />
    <br />
    <br />

    这是一个 easyui-textbox ，状态：已经完成初始化
    <br />
    <input id="con2" class="easyui-textbox" type="text" value="" />
    <br />
    <a id="btn2" class="easyui-linkbutton" data-options="">检查其是否是“textbox、validatebox”</a>
    <br />
    <br />
    <br />

    这是一个 easyui-combobox，状态：未完成初始化
    <br />
    <select id="con3" style="width:100px;">
        <option value="1">第1项</option>
        <option value="2">第2项</option>
        <option value="3">第3项</option>
        <option value="4">第4项</option>
        <option value="5">第5项</option>
    </select>
    <br />
    <a id="btn3" class="easyui-linkbutton" data-options="">检查其是否是“combobox”</a>
    <br />
    <br />
    <br />

    这是一个 easyui-combobox，状态：已完成初始化
    <br />
    <select id="con4" class="easyui-combobox" style="width:100px;">
        <option value="1">第1项</option>
        <option value="2">第2项</option>
        <option value="3">第3项</option>
        <option value="4">第4项</option>
        <option value="5">第5项</option>
    </select>
    <br />
    <a id="btn4" class="easyui-linkbutton" data-options="">检查其是否是“combobox”</a>
    <br />
    <br />
</div>

<script>
    $(function () {
        $("#btn1").click(function () {
            if ($("#con1").isEasyUiComponent("validatebox")) { alert("该控件已经是 validatebox 。"); } else { alert("该控件不是 validatebox 。"); }
        });

        $("#btn2").click(function () {
            if ($("#con2").isEasyUiComponent("textbox")) { alert("该控件已经是 textbox 。"); } else { alert("该控件不是 textbox 。"); }

            if ($("#con2").isEasyUiComponent("validatebox")) { alert("该控件已经是 validatebox 。"); } else { alert("该控件不是 validatebox 。"); }
        });

        $("#btn3").click(function () {
            if ($("#con3").isEasyUiComponent("combobox")) { alert("该控件已经是 combobox 。"); } else { alert("该控件不是 combobox 。"); }
        });

        $("#btn4").click(function () {
            if ($("#con4").isEasyUiComponent("combobox")) { alert("该控件已经是 combobox 。"); } else { alert("该控件不是 combobox 。"); }
        });
    });
</script>